.ykHome {
    .ykHomeTitle {
        height: 50px;
        background-color: var(--themeColor);
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        .title {}
    }
}

.ykHomeCat {
    display: flex;
    .homeCatItem {
        flex: 1;
        img {
            width: 100%;
            height: 100%;
        }
    }
}

.ykHomeList {
    .homeListItem {
        .listItemTitle {
            margin-top: 0.133333rem;
            img {
                height: 0.8rem; //37.5 font-size
            }
        }
        .listItemPics {
            overflow: hidden;
            .picItem {
                float: left;
                &:nth-child(1) {
                    margin-left: 0.213333rem;
                    height: 5.146667rem;
                    width: 3.093333rem;
                }
                &:nth-child(2),
                &:nth-child(4) {
                    margin-left: 0.2rem;
                    height: 2.506667rem;
                    width: 3.1rem;
                }
                &:nth-child(3),
                &:nth-child(5) {
                    margin-left: 0.2rem;
                    height: 2.506667rem;
                    width: 2.96rem;
                }
                &:nth-child(3),
                &:nth-child(2) {
                    margin-bottom: 0.133333rem;
                }
                img {
                    height: 100%;
                    width: 100%;
                }
            }
        }
    }
}